<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/dlheader.css">
    <link rel="stylesheet" href="css/gouwuche.css">
    <link rel="stylesheet" href="css/style1.css">
</head>

<body>

    @@include("dlheader.html")

    <div class="nav">
        <p>
            <a href="#">首页</a>
            >
            <span>购物车</span>
        </p>
    </div>

    <div class="gwcxq">
        <div class="gwcxq_t">
            <p>
                商品
            </p>
            <ul>
                <li>商品货号</li>
                <li>单价</li>
                <li>数量</li>
                <li>合计</li>
                <li>交易操作</li>
            </ul>
        </div>
        <div class="gwcxq_b">
            <div class="gwc_content">
                <fiugre class="input">
                    <input type="checkbox">
                </fiugre>
                <fiugre class="shangpin">
                    <dl>
                        <dt><img src="./images/shangpin1.jpg" alt=""></dt>
                        <dd>
                            <p>时尚拉杆箱 2018新款</p>
                            <ul>
                                <li>颜色：黑色 白色 紫色</li>
                                <li>尺寸：11*12*11 ； 11*13*12</li>
                            </ul>
                        </dd>
                    </dl>
                </fiugre>
                <fiugure class="xiaodongxi">
                    <p>LYWD176粉色</p>
                    <p>￥20.00</p>
                    <p class="number">
                        <input type="button" value="-" class="jian">
                        <input type="number" value="5" class="shuzi">
                        <input type="button" value="+" class="jia">
                    </p>
                    <p><span>￥100.00</span></p>
                    <p>
                        <a href="#">删除</a>
                    </p>
                </fiugure>
            </div>

            <div class="gwc_content">
                <fiugre class="input">
                    <input type="checkbox">
                </fiugre>
                <fiugre class="shangpin">
                    <dl>
                        <dt><img src="./images/shangpin2.jpg" alt=""></dt>
                        <dd>
                            <p>时尚拉杆箱 2018新款</p>
                            <ul>
                                <li>颜色：黑色 白色 紫色</li>
                                <li>尺寸：11*12*11 ； 11*13*12</li>
                            </ul>
                        </dd>
                    </dl>
                </fiugre>
                <fiugure class="xiaodongxi">
                    <p>LYWD176粉色</p>
                    <p>￥20.00</p>
                    <p class="number">
                        <input type="button" value="-" class="jian">
                        <input type="number" value="5" class="shuzi">
                        <input type="button" value="+" class="jia">
                    </p>
                    <p><span>￥100.00</span></p>
                    <p>
                        <a href="#">删除</a>
                    </p>
                </fiugure>
            </div>

            <div class="gwc_content">
                <fiugre class="input">
                    <input type="checkbox">
                </fiugre>
                <fiugre class="shangpin">
                    <dl>
                        <dt><img src="./images/shangpin1.jpg" alt=""></dt>
                        <dd>
                            <p>时尚拉杆箱 2018新款</p>
                            <ul>
                                <li>颜色：黑色 白色 紫色</li>
                                <li>尺寸：11*12*11 ； 11*13*12</li>
                            </ul>
                        </dd>
                    </dl>
                </fiugre>
                <fiugure class="xiaodongxi">
                    <p>LYWD176粉色</p>
                    <p>￥20.00</p>
                    <p class="number">
                        <input type="button" value="-" class="jian">
                        <input type="number" value="5" class="shuzi">
                        <input type="button" value="+" class="jia">
                    </p>
                    <p><span>￥100.00</span></p>
                    <p>
                        <a href="#">删除</a>
                    </p>
                </fiugure>
            </div>

            <div class="gwc_content">
                <fiugre class="input">
                    <input type="checkbox">
                </fiugre>
                <fiugre class="shangpin">
                    <dl>
                        <dt><img src="./images/shangpin2.jpg" alt=""></dt>
                        <dd>
                            <p>时尚拉杆箱 2018新款</p>
                            <ul>
                                <li>颜色：黑色 白色 紫色</li>
                                <li>尺寸：11*12*11 ； 11*13*12</li>
                            </ul>
                        </dd>
                    </dl>
                </fiugre>
                <fiugure class="xiaodongxi">
                    <p>LYWD176粉色</p>
                    <p>￥20.00</p>
                    <p class="number">
                        <input type="button" value="-" class="jian">
                        <input type="number" value="5" class="shuzi">
                        <input type="button" value="+" class="jia">
                    </p>
                    <p><span>￥100.00</span></p>
                    <p>
                        <a href="#">删除</a>
                    </p>
                </fiugure>
            </div>
            <div class="gwc_content">
                <fiugre class="input">
                    <input type="checkbox">
                </fiugre>
                <fiugre class="shangpin">
                    <dl>
                        <dt><img src="./images/shangpin1.jpg" alt=""></dt>
                        <dd>
                            <p>时尚拉杆箱 2018新款</p>
                            <ul>
                                <li>颜色：黑色 白色 紫色</li>
                                <li>尺寸：11*12*11 ； 11*13*12</li>
                            </ul>
                        </dd>
                    </dl>
                </fiugre>
                <fiugure class="xiaodongxi">
                    <p>LYWD176粉色</p>
                    <p>￥20.00</p>
                    <p class="number">
                        <input type="button" value="-" class="jian">
                        <input type="number" value="5" class="shuzi">
                        <input type="button" value="+" class="jia">
                    </p>
                    <p><span>￥100.00</span></p>
                    <p>
                        <a href="#">删除</a>
                    </p>
                </fiugure>
            </div>

            <div class="gwc_content">
                <fiugre class="input">
                    <input type="checkbox">
                </fiugre>
                <fiugre class="shangpin">
                    <dl>
                        <dt><img src="./images/shangpin2.jpg" alt=""></dt>
                        <dd>
                            <p>时尚拉杆箱 2018新款</p>
                            <ul>
                                <li>颜色：黑色 白色 紫色</li>
                                <li>尺寸：11*12*11 ； 11*13*12</li>
                            </ul>
                        </dd>
                    </dl>
                </fiugre>
                <fiugure class="xiaodongxi">
                    <p>LYWD176粉色</p>
                    <p>￥20.00</p>
                    <p class="number">
                        <input type="button" value="-" class="jian">
                        <input type="number" value="5" class="shuzi">
                        <input type="button" value="+" class="jia">
                    </p>
                    <p><span>￥100.00</span></p>
                    <p>
                        <a href="#">删除</a>
                    </p>
                </fiugure>
            </div>
        </div>
    </div>

    <div class="fenye">
        这是一个分页 只有一页的分页
    </div>

    <div class="jiesuan">
        <figure class="js_input">
            <input type="checkbox">
        </figure>
        <figure class="js_ipt">
            <span>全选</span>
            <span>删除选中商品</span>
        </figure>

        <figure class="js_yx">
            已选择<span> 0 </span>件
        </figure>

        <figure class="js_hj">
            合计： <span>0.00</span>
        </figure>

        <figure class="js_btn">
            <button class="btn" type="submit" onclick="jump()">去结算</button>
        </figure>
    </div>

    @@include("foot.html")

    <script>
        function jump() {
            window.open("./ljfk.html");
        }
    </script>
</body>

</html>